<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <!-- 字体图标 font-class使用 -->
    <link
      rel="stylesheet"
      href="//at.alicdn.com/t/c/font_4387590_0av13gzq9ey.css"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>MIN-题库</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
  <style>
    body {
      /* width: 100vw; */
      height: 100vh;
      overflow-y: hidden;
      position: relative;
    }

    /* 设置滚动条的样式
  ::-webkit-scrollbar-track-piece {
    background-color: #fff;
    border-radius: 12px !important;
  }

  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #c6ced7;
    background-clip: padding-box;
    min-height: 10px;
    border-radius: 12px !important;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: #bcd4f1;
    border-radius: 12px !important;
  } */

    ::-webkit-scrollbar-track-piece {
      background-color: rgba(180, 180, 180, 0.06);
      border-radius: 3px;
    }

    ::-webkit-scrollbar {
      width: 10px;
      height: 10px;
    }

    ::-webkit-scrollbar-thumb {
      background-color: rgba(180, 180, 180, 0.2);
      border-radius: 12px;
      background-clip: padding-box;
      border: 1px solid rgba(180, 180, 180, 0.4);
      min-height: 28px;
    }

    ::-webkit-scrollbar-thumb:hover {
      background-color: rgba(180, 180, 180, 0.4);
      border: 1px solid rgba(180, 180, 180, 0.7);
    }
  </style>
</html>
